<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="description" content="主页">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <title>FUN YOURSELF</title>
    <!--<base target="_blank">-->
    <link rel="shortcut icon" href="./img/loginPage/ico.png">
    <link rel="stylesheet" href="./css/indexPage.css">
</head>

<body>
<img class="bg-img" alt="Picture" src="./img/indexPage/background.jpg">
<main>
    <header>
        <marquee class="logo" id="logo">Love is the one thing that can transcends time an space.</marquee>
        <div class="div_user" id="user" onclick="user_clicked();">
            <span id="_user">username</span>
            <svg id="svg_list" viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                      d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
            </svg>
            <svg id="svg_explist" viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                      d="M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z"/>
            </svg>
        </div>

        <div class="main-content" id="main_content">
            <span id="dateTime"></span>
            <svg class="svg_expand" id="svg_expand" viewBox="0 0 20 20" onclick="svg_expand_clicked();">
                <path fill-rule="evenodd"
                      d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707z"/>
            </svg>
            <svg class="svg_expand" id="svg_contract" viewBox="0 0 20 20" onclick="svg_contract_clicked();">
                <path fill-rule="evenodd"
                      d="M.172 15.828a.5.5 0 0 0 .707 0l4.096-4.096V14.5a.5.5 0 1 0 1 0v-3.975a.5.5 0 0 0-.5-.5H1.5a.5.5 0 0 0 0 1h2.768L.172 15.121a.5.5 0 0 0 0 .707zM15.828.172a.5.5 0 0 0-.707 0l-4.096 4.096V1.5a.5.5 0 1 0-1 0v3.975a.5.5 0 0 0 .5.5H14.5a.5.5 0 0 0 0-1h-2.768L15.828.879a.5.5 0 0 0 0-.707z"/>
            </svg>
            <iframe id="iframe"></iframe>
        </div>

        <div id="follow-menu" class="menu">
            <a href="#" rel="noopener">个人信息</a>
            <a href="#" rel="noopener">购物车
                <svg width="16" height="16" fill="white" viewBox="0 0 16 16">
                    <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
                </svg>
            </a>
        </div>
    </header>

    <nav>
        <div class="list">
            <fieldset>
                <legend>作业</legend>
                <a href="javascript:void(0);" rel="noopener" onclick="onItemClicked('chatroom.html');">聊天室
                    <div class="description">ServletContent实现</div>
                </a>
                <a href="javascript:void(0);" rel="noopener" onclick="onItemClicked('fileUpload.html')">文件上传
                    <div class="description">不借用接口实现</div>
                </a>
                <a href="#" rel="noopener">购物车
                    <div class="description">Session实现</div>
                </a>
            </fieldset>

            <fieldset>
                <legend>工具箱</legend>
                <a href="#" rel="noopener">单词表</a>
                <a href="#" rel="noopener">计时器</a>
                <a href="#" rel="noopener">计算器</a>
                <a href="#" rel="noopener">随机抽号</a>
            </fieldset>
        </div>
    </nav>

</main>

<script src="./js/Live2d_assets/jquery.min.js" type="text/javascript"></script>
<script src="./js/Live2d_assets/autoload.js" type="text/javascript"></script>
<script type="text/javascript" src="./js/indexPage.js"></script>

</body>
</html>
